<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>关于 | whoami</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-md bg-primary navbar-dark fixed-top">
    <!-- Brand -->
    <a class="navbar-brand" href="#">whoami</a>

    <!-- Toggler/collapsibe Button -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
    </button>

    <!-- Navbar links -->
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" href="./index.html">主页</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./work.html">我的工作</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./skill.html">我的技能</a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="./about.html">关于我</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./contact.html">联系我</a>
            </li>
        </ul>
    </div>
</nav>
<div class="container" style="margin-top: 75px;">
    <!-- 按钮：用于打开模态框 -->
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" id="open-modal">
        打开模态框
    </button>

    <!-- 模态框 -->
    <div class="modal fade" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- 模态框头部 -->
                <div class="modal-header">
                    <h4 class="modal-title">关于我真的没什么</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- 模态框主体 -->
                <div class="modal-body">
                    一个南大普通的不能再普通的学子，甚至很菜，朋友不多，但幸运的是遇上了另一个她，喜欢自己折腾，但又搞不出什么名堂，不爱学习上课都不想去，但不服输，想考研，却又没行动，总是好矛盾，什么时候自己才能真正地脚踏实地，希望那天早点到来，Happy New Year，2019，fight！fight！fight！
                </div>

                <!-- 模态框底部 -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">快关掉别看了</button>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="container fixed-bottom text-center">
    <p>2019 &copy; ncucoder.com</p>
</div>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="./dist/about.js"></script>
</body>
</html>